
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="MOBAN">

<meta name="description" content="">
<meta name="keywords" content="bootstrap, bootstrap5">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
<link href="static/css/css2.css" rel="stylesheet">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/flaticon.css">
<link rel="stylesheet" href="static/css/bootstrap-icons.css">
<link rel="stylesheet" href="static/css/tiny-slider.css">
<link rel="stylesheet" href="static/css/aos.css">
<link rel="stylesheet" href="static/css/glightbox.min.css">
<link rel="stylesheet" href="static/css/style1.css">
<link rel="stylesheet" href="static/css/flatpickr.min.css">
<link rel="short icon" href="images/28.jpg">
<title>知文招标网论坛 - 帖子详情</title>
</head>
<body>
	<div class="cbt">
		<div class="site-mobile-menu site-navbar-target">
			<div class="site-mobile-menu-header">
				<div class="site-mobile-menu-close">
					<span class="icofont-close js-menu-toggle"></span>
				</div>
			</div>
			<div class="site-mobile-menu-body"></div>
		</div>
		<nav class="site-nav">
			<div class="container" id="chw">
				<div class="menu-bg-wrap">
					<div class="site-navigation">
						<div class="row g-0 align-items-center">
							<div class="col-2">
								<a href="index.html" class="logo m-0 float-start">知文项目管理<span
									class="text-primary">.</span></a>
							</div>
							<div class="col-8 text-center">
								<form action="#" class="search-form d-inline-block d-lg-none">
									<input type="text" class="form-control" placeholder="Search...">
									<span class="bi-search"></span>
								</form>
								<ul
									class="js-clone-nav d-none d-lg-inline-block text-start site-menu mx-auto">
									<li class="active"><a href="index.html">首页</a></li>

									<li class="allPost"><a href="blog.html">全部帖子</a> <!--  
									<ul class="dropdown">
										<li><a href="search-result.html">Search Result</a></li>
										<li><a href="blog.html">Blog</a></li>
										<li><a href="single.html">Blog Single</a></li>
										<li><a href="category.html">Category</a></li>
										<li><a href="about.html">About</a></li>
										<li><a href="contact.html">Contact Us</a></li>
										<li><a href="#">Menu One</a></li>
										<li><a href="#">Menu Two</a></li>
										<li class="has-children"><a href="#">Dropdown</a>
											<ul class="dropdown">
												<li><a href="#">Sub Menu One</a></li>
												<li><a href="#">Sub Menu Two</a></li>
												<li><a href="#">Sub Menu Three</a></li>
											</ul></li>
									</ul></li>
									-->
									<li><a href="category.html">所有类型</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li id="toLogin1"><a href="login.html" id="toLogin">请先登录</a></li>
								</ul>
							</div>
							<div class="col-2 text-end">
								<a href="#"
									class="burger ms-auto float-end site-menu-toggle js-menu-toggle d-inline-block d-lg-none light">
									<span></span>
								</a>
								<form action="#" class="search-form d-none d-lg-inline-block">
									<input type="text" class="form-control" placeholder="搜索...">
									<span class="bi-search"></span>
								</form>
							</div>

						</div>
					</div>
				</div>
			</div>
		</nav>
		<div class="site-cover site-cover-sm same-height overlay single-page"
			style="background-image: url('static/image/hero_5.jpg');">
			<div class="container">
				<div class="row same-height justify-content-center">
					<div class="col-md-6">
						<div class="post-entry text-center">
							<h1 class="mb-4">{{post.title}}</h1>
							<div class="post-meta align-items-center text-center">
								<figure class="author-figure mb-0 me-3 d-inline-block">
									<!--  
								<img src="static/picture/person_1.jpg" alt="Image"
									class="img-fluid" v-if="post.photo==null">-->
								</figure>
								<span class="d-inline-block mt-1">{{post.nickName}}</span> <span>&nbsp;-&nbsp;
									{{post.time}}</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<section class="section" style="margin-left: 200px">
			<div class="container">
				<div class="row blog-entries element-animate">
					<div class="col-md-12 col-lg-8 main-content">
						<div class="post-content-body">
							<div v-html="post.content"></div>
							<div class="pt-5 comment-wrap">
								<h3 class="mb-5 heading">{{replys.length}} 条评论</h3>
								
								<!-- 保护线--------------------------- -->
								<ul class="comment-list">
									<li class="comment" v-for="(item1,index1) in replys" v-if="item1.topno == 0">
										<div class="vcard" >
											<img src="static/picture/person_1.jpg"
												alt="Image placeholder">
										</div>
										<div class="comment-body" v-if="item1.topno == 0">
											<h3 v-if="item1.mno == mno" style="color:red">{{item1.nickName}}</h3>
											<h3 v-else>{{item1.nickName}}</h3>
											<div class="meta">{{item1.time}}</div>
											<p>{{item1.content}}</p>
											<p>
											</p>
										</div>
									</li>
								</ul>
								<!-- 保护线--------------------------- -->
								
								
								<div class="comment-form-wrap pt-5">
									<h3 class="mb-5">发表评论</h3>
									<form action="#" class="p-5 bg-light">
										<!-- 
								<div class="form-group">
									<label for="name">Name *</label> <input type="text"
										class="form-control" id="name">
								</div>
								<div class="form-group">
									<label for="email">Email *</label> <input type="email"
										class="form-control" id="email">
								</div>
								<div class="form-group">
									<label for="website">Website</label> <input type="url"
										class="form-control" id="website">
								</div>
								 -->
										<div class="form-group">
											<label for="message">评论</label>
											<textarea name="" id="message" cols="30" rows="10"
												class="form-control"></textarea>
										</div>
										<div class="form-group">
											<button type="button" value="Post Comment"
												class="btn btn-primary" @click="addReply">发表评论</button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
		</section>

		<!--  
	<section class="section posts-entry posts-entry-sm bg-light">
		<div class="container">
			<div class="row mb-4">
				<div class="col-12 text-uppercase text-black">More Blog Posts</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-lg-3">
					<div class="blog-entry">
						<a href="" class="img-link"> <img
							src="static/picture/img_1_horizontal.jpg" alt="Image"
							class="img-fluid">
						</a> <span class="date">Apr. 14th, 2022</span>
						<h2>
							<a href="">Thought you loved Python? Wait until you meet Rust</a>
						</h2>
						<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
						<p>
							<a href="#" class="read-more">Continue Reading</a>
						</p>
					</div>
				</div>
				<div class="col-md-6 col-lg-3">
					<div class="blog-entry">
						<a href="" class="img-link"> <img
							src="static/picture/img_2_horizontal.jpg" alt="Image"
							class="img-fluid">
						</a> <span class="date">Apr. 14th, 2022</span>
						<h2>
							<a href="">Startup vs corporate: What job suits you best?</a>
						</h2>
						<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
						<p>
							<a href="#" class="read-more">Continue Reading</a>
						</p>
					</div>
				</div>
				<div class="col-md-6 col-lg-3">
					<div class="blog-entry">
						<a href="" class="img-link"> <img
							src="static/picture/img_3_horizontal.jpg" alt="Image"
							class="img-fluid">
						</a> <span class="date">Apr. 14th, 2022</span>
						<h2>
							<a href="">UK sees highest inflation in 30 years</a>
						</h2>
						<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
						<p>
							<a href="#" class="read-more">Continue Reading</a>
						</p>
					</div>
				</div>
				<div class="col-md-6 col-lg-3">
					<div class="blog-entry">
						<a href="" class="img-link"> <img
							src="static/picture/img_4_horizontal.jpg" alt="Image"
							class="img-fluid">
						</a> <span class="date">Apr. 14th, 2022</span>
						<h2>
							<a href="">Don’t assume your user data in the cloud is safe</a>
						</h2>
						<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
						<p>
							<a href="#" class="read-more">Continue Reading</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</section>
	-->
	</div>
	<!--  
	<footer class="site-footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-4">
					<div class="widget">
						<h3 class="mb-4">About</h3>
						<p>Far far away, behind the word mountains, far from the
							countries Vokalia and Consonantia, there live the blind texts.</p>
					</div>
					<div class="widget">
						<h3>Social</h3>
						<ul class="list-unstyled social">
							<li><a href="#"><span class="icon-instagram"></span></a></li>
							<li><a href="#"><span class="icon-twitter"></span></a></li>
							<li><a href="#"><span class="icon-facebook"></span></a></li>
							<li><a href="#"><span class="icon-linkedin"></span></a></li>
							<li><a href="#"><span class="icon-pinterest"></span></a></li>
							<li><a href="#"><span class="icon-dribbble"></span></a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4 ps-lg-5">
					<div class="widget">
						<h3 class="mb-4">Company</h3>
						<ul class="list-unstyled float-start links">
							<li><a href="#">About us</a></li>
							<li><a href="#">Services</a></li>
							<li><a href="#">Vision</a></li>
							<li><a href="#">Mission</a></li>
							<li><a href="#">Terms</a></li>
							<li><a href="#">Privacy</a></li>
						</ul>
						<ul class="list-unstyled float-start links">
							<li><a href="#">Partners</a></li>
							<li><a href="#">Business</a></li>
							<li><a href="#">Careers</a></li>
							<li><a href="#">Blog</a></li>
							<li><a href="#">FAQ</a></li>
							<li><a href="#">Creative</a></li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="widget">
						<h3 class="mb-4">Recent Post Entry</h3>
						<div class="post-entry-footer">
							<ul>
								<li><a href=""> <img src="static/picture/img_1_sq.jpg"
										alt="Image placeholder" class="me-4 rounded">
										<div class="text">
											<h4>There’s a Cool New Way for Men to Wear Socks and
												Sandals</h4>
											<div class="post-meta">
												<span class="mr-2">March 15, 2018 </span>
											</div>
										</div>
								</a></li>
								<li><a href=""> <img src="static/picture/img_2_sq.jpg"
										alt="Image placeholder" class="me-4 rounded">
										<div class="text">
											<h4>There’s a Cool New Way for Men to Wear Socks and
												Sandals</h4>
											<div class="post-meta">
												<span class="mr-2">March 15, 2018 </span>
											</div>
										</div>
								</a></li>
								<li><a href=""> <img src="static/picture/img_3_sq.jpg"
										alt="Image placeholder" class="me-4 rounded">
										<div class="text">
											<h4>There’s a Cool New Way for Men to Wear Socks and
												Sandals</h4>
											<div class="post-meta">
												<span class="mr-2">March 15, 2018 </span>
											</div>
										</div>
								</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="row mt-5">
				<div class="col-12 text-center">

					<p>
						Copyright &copy; 2022.Company name All rights reserved.<a
							target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
					</p>
				</div>
			</div>
		</div>
	</footer>-->

	<div id="overlayer"></div>
	<div class="loader">
		<div class="spinner-border text-primary" role="status">
			<span class="visually-hidden">Loading...</span>
		</div>
	</div>
	<script src="static/js/bootstrap.bundle.min.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script src="static/js/tiny-slider.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script src="static/js/flatpickr.min.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script src="static/js/aos.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script src="static/js/glightbox.min.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script src="static/js/navbar.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script src="static/js/counter.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script src="static/js/custom.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script async="" src="static/js/js.js"
		type="84c8a796b24549f502f4054f-text/javascript"></script>
	<script type="84c8a796b24549f502f4054f-text/javascript">window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "UA-166033648-1");</script>
	<script src="static/js/rocket-loader.min.js"
		data-cf-settings="84c8a796b24549f502f4054f-|49" defer=""></script>

	<!-- jquery vue -->
	<script src="js/jquery-3.6.0.js"></script>
	<script src="js/vue.js"></script>
	<script src="js/show-dialog.js"></script>
	<script src="js/axios.min.js"></script>
	<script src="js/checkLogin.js"></script>
	<script>
	     let app1 = new Vue({
	    	 el:'.cbt',
	    	 data:{
	    		 post:[],
	    		 replys:[],
	    		 replysForPost:[],
	    		 mno:0,
	    		 pno:0
	    	 },
	    	 methods:{
	    		 addReply(){
	    			 let message = $("#message").val();
	    			 if(this.mno == 0 || this.pno == 0){
	    				 showmsg("请先登录...","red",function(){
	    					 location.href="login.html";
	    				 })
	    			 }else{
	    				$.post("../../reply/add",{pno:this.pno,content:message},rt=>{
	    					 if(rt == 4){
	    			    		 showmsg("请先登录...","red",function(){
	    			    			 
	    			    		 });
	    			    	 }else if(rt == 3){
	    			    		 showmsg("信息不完整...","yellow");
	    			    	 }else if(rt == 1){
	    			    		 showmsg("回复成功","green");
	    			    		 $("#message").val("");
	    			    		 let params = new URLSearchParams();
	    			    		 let pno = sessionStorage.getItem("pno");
	    			    		 params.append("pno",pno);
	    			    		 axios.get("../../reply/searchByPno",{params}).then(resp=>{
	    						    	this.replys = resp.data;
	    						 })
	    			    	 }else{
	    			    		 showmsg("回复失败,请稍后再试...","red");
	    			    	 }
	    				},"json")
	    				 
	    				/*
	    			    let params = new URLSearchParams();
	    			    params.append("pno",this.pno);
	    			    params.append("content",message);
	    			    axios.post("../../reply/add",{params}).then(resp=>{
	    			    	 if(resp.data == 4){
	    			    		 showmsg("请先登录...","red",function(){
	    			    			 
	    			    		 });
	    			    	 }else if(resp.data == 3){
	    			    		 showmsg("信息不完整...","yellow");
	    			    	 }else if(resp.data == 1){
	    			    		 showmsg("回复成功","green");
	    			    	 }else{
	    			    		 showmsg("回复失败,请稍后再试...","red");
	    			    	 }
	    			    })*/
	    			 }
	    		 }
	    	 },
	    	 mounted:function(){
	    		 let pno = sessionStorage.getItem("pno");
	    		 let mno = sessionStorage.getItem("mno");
	    		 this.mno = mno;
	    		 this.pno = pno;
	    		 if(pno == null || pno == ""){
	    			 location.href="index.html";
	    		 }
	    		 let params = new URLSearchParams();
	    		 params.append("pno",pno);
			     axios.get("../../post/thisPost",{params}).then(resp=>{
			    	this.post = resp.data;
			     })
			     
			     if(sessionStorage.getItem("nickName") != "undefined" && sessionStorage.getItem("nickName") != null){
			 	 		$("#toLogin").html(sessionStorage.getItem("nickName"));
			 	 		$("#toLogin").attr("href","contact.html");
			 	 		$("#exitLogin").css("display","block");
			 	 } 
			     
			     axios.get("../../reply/searchByPno",{params}).then(resp=>{
				    	this.replys = resp.data;
				    	for(let i = 0;i < this.replys.length;i++){
				    		if(this.replys[i].topno != 0){
				    			this.replysForPost[this.replysForPost.length] = this.replys[i];
				    		}
				    	}
				 })
	    	 }
	     })
	</script>

</body>
</html>
